<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录注册</title>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="main.css">
</head>
<body>
<!--最外层盒子-->
<div class="login_wrap">
    <!--遮罩-->
    <div class="wrap_cover"></div>
    <!--表单区域-->
    <div class="login_area">
        <input type="radio" id="radio-1" name="radio" class="sign-in-radio" checked>
        <label for="radio-1" class="tab">登录</label>
        <input type="radio" name="radio" id="radio-2" class="sign-up-radio">
        <label for="radio-2" class="tab">注册</label>
        <div class="login-form">
            <!--登录-->
            <div class="sign-in">
                <form role="form">
                    <div class="form-group form-group-mystyle">
                        <label for="">用户名:</label>
                        <input type="email" name="" id="exampleInputEmail" class="input-ctrl form-control">
                    </div>
                    <div class="form-group">
                        <label for="">密码:</label>
                        <input type="password" name="" id="exampleInputPassword1" class="form-control input-ctrl">
                    </div>
                    <div class="form-group">
                        <input type="checkbox" name="" checked id="check" class="check">
                        <label for="check"><span class="icon"></span>忘记密码</label>
                    </div>
                    <button type="submit" class="btn btn-default login_btn">登录</button>
                </form>
                <div class="cutting_line"></div>
                <div class="prompt_words">
                    忘记密码?
                </div>
            </div>
            <!--注册-->
            <div class="sign-up">
                <form role="form">
                    <div class="form-group form-group-mystyle">
                        <label for="">用户名</label>
                        <input type="email" name="" id="exampleInputEmail" class="input-ctrl form-control">
                    </div>
                    <div class="form-group">
                        <label for="">密码</label>
                        <input type="password" name="" id="exampleInputPassword" class="form-control input-ctrl">
                    </div>
                    <div class="form-group">
                        <label for="">确认密码</label>
                        <input type="password" name="" id="" class="form-control input-ctrl">
                    </div>
                    <div class="form-group">
                        <label for="">邮箱</label>
                        <input type="email" name="" id="exampleInputEmail" class="input-ctrl form-control">
                    </div>
                    <button type="submit" class="btn btn-default login_btn">注册</button>
                </form>
                <div class="cutting_line"></div>
                <div class="prompt_words">
                    已注册登录？
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>